<div id="wholestyle" class="wholestyle">
    <div class="spotlist">
        <ul >
            <%for(var i=0;i<datas.length;i++){%>
            <li>
                <div class="spotmes">
                    <div class="spotimg">
                        <img src="<%=datas[i].goodimg%>" alt="" width="100%">
                    </div>
                    <div class="spotdetail">
                        <div class="spotspan">
                            <span><%=datas[i].name%></span>
                        </div>
                        <div class="spotlivelihood">
                            <span class="spottype"><%=datas[i].type%></span>
                            <div class="spotfee"><span class="spotrmb">￥</span><span class="spotmount"><%=datas[i].pricethree%></span>/天起
                            </div>
                        </div>
                        <a onclick="SHOP.choosespecs('<%=datas[i].id%>','<%=datas[i].type%>')">
                            <div class=""></div>
                            <div class="spotspecs">
                                <div class="spotchoose">
                                    选择规格...
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </li>
            <%}%>
        </ul>
        <!--<div>-->
        <!--<button onclick="SHOP.addshoplist()">添加</button>-->
        <!--<div>-->
        <!--<input id="tickername" placeholder="name" type="text">-->
        <!--<input id="ticketdes" placeholder="desc" type="text">-->
        <!--<input id="ticketprice" placeholder="price" type="text">-->
        <!--<input id="tickettype" placeholder="type" type="text">-->
        <!--<input id="specialtip" placeholder="tip" type="text">-->
        <!--</div>-->
        <!--</div>-->
    </div>
</div>


<div class="backcolor">
    <div></div>
</div>

<div id="goodspec">
    <div class="goodsdesc">
        <span id="ticketspec" class="goodsword">
        </span>
        <div class="goodprice">
            <div class="goodsslogan">
                <span id="tickettip"></span>
            </div>
            <div class="spotfee">
                <span id="singleprice" class="spotrmb">￥</span>
                <span id="ticketprice" class="spotmount"></span>
                <span class="spotmount"></span>/人/天起
            </div>
        </div>
    </div>
    <div class="middleone"></div>
    <div class="goodsdetail">
        <div class="timemodule">
            <div class="timepanel">
                <span>时间</span>
            </div>
            <div class="timecontrol">
                <div class="timecell">
                    <div>
                        <span id="starttime">开始时间：</span>
                        <input type="text" id="time_begin" readonly class="timeinput"
                               placeholder="-请选择-"/>
                    </div>
                    <div>
                        <span id="endtime">结束时间：</span>
                        <input type="text" id="time_end" readonly class="timeinput"
                               placeholder="-请选择-"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="middle"></div>
        <div class="peopletype">
            <div class="people">
                <div class="peoplename">
                    <div class="peoplestyle"><span>人数</span></div>
                </div>
                <div class="peoplenum">
                    <div class="peoplestyle">
                        <div class="gw_num">
                            <em class="jian">-</em>
                            <input id="adultnum" type="text" value="1" class="num"/>
                            <em class="add">+</em>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--<div id="goodspec">-->
<!--<div class="goodsdesc">-->
<!--<span id="ticketspec" class="goodsword">-->
<!--</span>-->
<!--<div class="goodprice">-->
<!--<div class="goodsslogan">-->
<!--<span id="tickettip"></span>-->
<!--</div>-->
<!--<div class="spotfee">-->
<!--<span id="singleprice" class="spotrmb">￥</span>-->
<!--<span id="ticketprice" class="spotmount"></span>-->
<!--<span class="spotmount"></span>/人/天起-->
<!--&lt;!&ndash;<span id="singleprice" class="spotmount"></span>/人/天起&ndash;&gt;-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="middleone"></div>-->
<!--<div class="goodsdetail">-->
<!--<div class="middle"></div>-->
<!--<div class="peopletype">-->
<!--<div><span>人数</span></div>-->
<!--<div class="people">-->
<!--<div class="peoplename">-->
<!--<div class="peoplestyle"><span>成人</span></div>-->
<!--</div>-->
<!--<div class="peoplenum">-->
<!--<div class="peoplestyle">-->
<!--<div class="gw_num">-->
<!--<em class="jian">-</em>-->
<!--<input id="adultnum" type="text" value="1" class="num"/>-->
<!--<em class="add">+</em>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="people">-->
<!--<div class="peoplename">-->
<!--<div class="peoplestyle"><span>儿童</span></div>-->
<!--</div>-->
<!--<div class="peoplenum">-->
<!--<div class="peoplestyle">-->
<!--<div class="gw_num">-->
<!--<em class="jian">-</em>-->
<!--<input id="childnum" type="text" value="0" class="num"/>-->
<!--<em class="add">+</em>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->


<div id="goodspec2">
    <div class="goodsdesc">
        <span id="ticketspec" class="goodsword"></span>
        <div class="goodprice">
            <div class="goodsslogan">
                <span id="tickettip"></span>
            </div>
            <div class="spotfee">
                <span id="singleprice" class="spotrmb">￥</span>
                <span id="ticketprice" class="spotmount"></span>
                <span class="spotmount"></span>/人/天起
            </div>
        </div>
    </div>
    <div class="middleone"></div>
    <div class="goodsdetail">
        <div class="timemodule timetype">
            <div class="timepanel">
                <span>会议室类型</span>
                <ul class="standard">
                    <li>上午</li>
                    <li>下午</li>
                    <li>全天</li>
                </ul>
            </div>
        </div>
        <div class="timemodule">
            <div class="timepanel">
                <span>时间</span>
            </div>
            <div class="ta_date timecontrol1" id="div_date1">
                <span class="date_title" id="date1"></span>
            </div>
        </div>
    </div>
    <div class="prices">
        <div class="pricebottom">
            <div class="summoney">
                合计:<span class="spotrmb">￥</span>
                <span id="summoney" class="spotmount"></span>
            </div>
            <div class="goodssave">
                <div>
                    <div class="cart">
                        加入购物车
                    </div>
                    <div class="reserve">
                        立即预定
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<!--<div id="goodspec">-->
<!--<div class="goodsdesc">-->
<!--<span id="ticketspec" class="goodsword">-->
<!--</span>-->
<!--<div class="goodprice">-->
<!--<div class="goodsslogan">-->
<!--<span id="tickettip"></span>-->
<!--</div>-->
<!--<div class="spotfee">-->
<!--<span id="singleprice" class="spotrmb">￥</span>-->
<!--<span id="ticketprice" class="spotmount"></span>-->
<!--<span class="spotmount"></span>/人/天起-->
<!--&lt;!&ndash;<span id="singleprice" class="spotmount"></span>/人/天起&ndash;&gt;-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="middleone"></div>-->
<!--<div class="goodsdetail">-->
<!--<div class="timemodule">-->
<!--<div class="timepanel">-->
<!--<span>房型选择</span>-->
<!--<ul class="standard">-->
<!--<li>三室一厅</li>-->
<!--<li>二室一厅</li>-->
<!--<li>一室一厅</li>-->
<!--</ul>-->
<!--</div>-->
<!--</div>-->
<!--<div class="timemodule">-->
<!--<div class="timepanel">-->
<!--<span>时间</span>-->
<!--</div>-->
<!--<div class="ta_date timecontrol" id="div_date1">-->
<!--<span class="date_title" id="date1"></span>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="prices">-->
<!--<div class="pricebottom">-->
<!--<div class="summoney">-->
<!--合计:<span class="spotrmb">￥</span>-->
<!--<span id="summoney" class="spotmount"></span>-->
<!--</div>-->
<!--<div class="goodssave">-->
<!--<div>-->
<!--<div class="cart">-->
<!--加入购物车-->
<!--</div>-->
<!--<div class="reserve">-->
<!--立即预定-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<script type="text/javascript">
    $(function () {
        var dateRange1 = new pickerDateRange('date1', {
            aRecent90Days : 'aRecent90Days', //最近90天
            startDate: '2017-12-27',
            endDate: '2017-12-28',
            needCompare : false,
            defaultText : ' 离开 ',
            autoSubmit : false,
            inputTrigger : 'input_trigger1',
            theme : 'ta'
        });
    });

    $(".backcolor").click(function (event) {
        $("#goodspec").hide();
        $("#goodspec2").hide();
        $(".backcolor").hide();
        $("#bar").show();
    });

</script>